﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://wubiyu.cnblogs.com">
<head>
      <title></title>
      <link href="../../Theme/DomExtGray/gray.min.css" rel="Stylesheet" type="text/css" />
      <link href="PageModel.css" rel="Stylesheet" type="text/css" />
      <script type="text/javascript" src="../../domExt.min.js"></script>
</head>
<body>
      <div class="fun_title">
            _h.Default DOM扩展方法对象
      </div>
      <div class="fun_content">
            描述：Default对象也是一个非常重要的方法。他扩展了通用HTML的DOM方法。使我们能够自定义&lt;Div&gt;对象的方法。<br />
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                      除了扩展DOM方法以外，h.Default.DomCollectionFn 对象还扩展了DOM集合对象的方法<br />
                       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（注意这里所说的DOM集合方法不是普通的JS集合对象，列如使用_g("div")返回的则是一个DOM集合对象。)
      </div>
      <div class="fun_title2">
            扩展方法:
      </div>
      <div class="fun_content2">
           h.Default.html(value)：设置或获取标记的HTML内容。<br />
           h.Default.AppendHtml(value)：追加或获取标记的HTML内容。<br />
           h.Default.AddEvent(eventName, fn, [useCapture])：为标记添加一个事件。<br />
           h.Default.DeleteEvent(eventName, fn, [useCapture])：删除一个标记添加的事件。<br />
           h.Default.Animate(endobj,doTime,delay,beginingHandle,completeHandle,stepHandle) [注：只能用于数字属性]<br />
           &nbsp;&nbsp;endobj：动画最终对象。线性动画，支持 "0,250,px｜%" (从0到250，单位) 和 "+｜-500,px", (从当前值 +｜-500)，例如：{ width: "-250,px", height: "-500,px" }<br />
          &nbsp;&nbsp;doTime：动画在几秒内完成<br />
           &nbsp;&nbsp;delay：延迟执行动画，单位为毫秒<br />
          &nbsp;&nbsp;beginingHandle：开始执行动画前的事件句柄<br />
          &nbsp;&nbsp;completeHandle：动画执行完成后的事件句柄<br />
           &nbsp;&nbsp;stepHandle：每步执行的事件句柄<br />
           &nbsp;&nbsp;返回：Animate 对象。<br />
           &nbsp;&nbsp;<a href="../../test.htm" title="示例">示例</a>
            <br />
      </div>
      <div class="fun_title2">
            扩展DOM集合对象方法:
      </div>
      <div class="fun_content2">
           h.Default.DomCollectionFn.first()：获取集合中的第一个对象。<br />
           h.Default.DomCollectionFn.last()：获取集合中的最后一个对象。<br />
           h.Default.DomCollectionFn.each(fn, [args])：遍历集合中的对象。<br />
           h.Default.DomCollectionFn.AddEvent(eventName, fn, [useCapture])：为集合中的对象添加事件<br />
           h.Default.DomCollectionFn.DeleteEvent(eventName, fn, [useCapture])：删除集合对象中的事件。<br />
            <br />
      </div>

      <div class="fun_title2">
            示例:
      </div>
      <div class="code">
            &lt;scirpt type=&quot;text/javascript&quot;&gt;<br />
&nbsp;&nbsp;&nbsp; alert(_g(&quot;#test&quot;).html());
            <br />
&nbsp;&nbsp;&nbsp; _g(&quot;#test&quot;).html(&quot;edit content&quot;);
            <br />
&nbsp;&nbsp;&nbsp; _g(&quot;#test&quot;).AppendHtml(&quot;&lt;h:btn&gt;Button&lt;/h:btn&gt;&quot;);<br />
            &lt;/script&gt;;</div>

      <br />
      <h:btn onclick="run_click();">执行脚本</h:btn>
      <br />
       <br />
      <div class="fun_title2">
            示例预览:
      </div>
      <div class="code">
          <div id="test">wubiyu1234</div>&lt;div id=&quot;test&quot;&gt;wubiyu1234&lt;/div&gt;<br />


       </div>
      <script type="text/javascript">
            function run_click() {
                  alert(_g("#test").html());
                  _g("#test").html("edit content");
                  _g("#test").AppendHtml("<h:btn>Button</h:btn>");
            }
      </script>
</body>
</html>
